<!--帐号列表-->
<div id="change_accounts" class="input_list" style="display:none;width:550px;height:550px;">
  <div id="accounts_tabs" class="easyui-tabs" data-options="tabHeight:25" style="width:100%;height:100%;">
    <div title="详情" class="input_list">
        <p><span>帐号:</span><input type="text" name="user_name" maxlength="32" ondblclick="$(this).select();"/></p>
        <p><span>密码:</span><input type="text" name="password" maxlength="32" ondblclick="$(this).select();" style="padding-right:22px;"/></p>
        <p><span>真名:</span><input type="text" name="real_name" maxlength="32" ondblclick="$(this).select();"/></p>
        <p><span>角色:</span><select name="role_id"><option value="">-其他-</option></select></p>
        <p><span>创建时间:</span><input type="text" name="create_date" readonly/></p>
        <p><span>状态:</span><label><input type="checkbox" name="status" /><span>启用</span></label></p>
        <p style="margin-bottom:0px;"><span style="float:left;">备注:</span><textarea name="note"></textarea></p>
    </div>
  </div>
</div>

<!--- 帐号列表 菜单项 -->
<div id="account_menu" class="easyui-menu" style="width:120px;display:none;">
    <div data-options="iconCls:'icon-add'" onclick="Accounts_Object.change('add');">新增</div>
    <div data-options="iconCls:'icon-edit'" onclick="Accounts_Object.change();">详情-修改</div>
    <div data-options="iconCls:'icon-man'" onclick="Accounts_Object.role();">角色管理</div>
    <div data-options="iconCls:'icon-remove'" onclick="Accounts_Object.del();">删除</div>
</div>


<!--角色管理-->
<div id="change_role" class="input_list" style="display:none;width:600px;height:550px;">
     <div id="role_tabs" class="easyui-tabs" data-options="tabHeight:25" style="width:100%;height:100%;">
           <div title="角色列表">
                    <table id="role_dg" class="easyui-datagrid" style="width:100%;height:100%;border:0px;" data-options="
                          fit:false, rownumbers:false, singleSelect:true, autoRowHeight:true, pagination:false, fitColumns:false, striped:true, checkOnSelect:false, selectOnCheck:false, collapsible:true,
                          onDblClickRow:Accounts_Object.role_dbclick,
                          columns: [[
                             {field:'id',                         title:'ID', width:80,  align:'center'},
                             {field:'role_name',       title:'角色名称',  width:230, align:'center'},
                             {field:'create_date',     title:'创建时间', width:160, align:'center'},
                             {field:'status_val', width:60,  title:'状态'}
                         ]],
                         pageSize:100">
                    </table>
          </div>
    </div>

    <!-- 新增角色-->
    <div id="add_role" style="display:none;">
          <div>
               <p><span>角色名称: </span><input type="text" name="role_name"/><label style="margin-left:100px;"><input type="checkbox" name="status" style="vertical-align: middle;"/><span>启用</span></label></p>
               <div><ul id="role_tree" class="easyui-tree" checkbox="true"></ul></div>
               <p style="text-align:center;">
                    <a class="button" style="margin-right:50px;" onclick="Accounts_Object.save_role();">保存</a>
                    <a class="button" onclick="$(this).parent().parent().parent().hide();">关闭</a>
               </p>
          </div>
    </div>

</div>
